﻿<template>
  <div class="goodsLists">
		<div class="screenNav clearfix">
			<div>排序<img src="../img/goods/b_filter_arrow_up_con@2x.png" alt="" v-if="isOrder == false" /><img src="../img/goods/b_filter_arrow_down_con@2x.png" alt="" v-if="isOrder == true" /></div>
			<div>品类<img src="../img/goods/b_filter_arrow_up_con@2x.png" alt="" /></div>
			<div>品牌<img src="../img/goods/b_filter_arrow_up_con@2x.png" alt="" /></div>
			<div>筛选<img class="screenNone" src="../img/goods/screenNone.png" alt="" v-if="isScreen == false"/><img src="../img/goods/screenHas.png" class="screenHas" alt="" v-if="isScreen == true"/></div>
		</div>
		
		<div class="goodsList clearfix">
			<div class="goodsOne">
				<div class="goodsOneTop">
					<div class="collection">
						<img src="../img/goods/a_collection1_icon@2x.png" alt="" v-if="false"/>
						<img src="../img/goods/a_collection2_icon@2x.png" alt="" v-if="true"/>
					</div>
					<img src="../img/goods/goods1.png" alt="" />
				</div>
				<div class="goodsOneInfo">
					<div class="brand">Bottega Veneta</div>
					<div class="useDegree">全新长款线夹</div>
					<div class="price"><span class="mark">￥</span><span class="number1">3600</span><span style="font-size:0.24rem;color:#808080;margin-left:0.14rem;">[</span><span class="number2">95</span><span style="font-size:0.24rem;color: #8A8A8A;">新</span><span style="font-size:0.24rem;color:#808080;">]</span></div>
				</div>
			</div>
			
			<div class="goodsOne">
				<div class="goodsOneTop">
					<div class="collection">
						<img src="../img/goods/a_collection1_icon@2x.png" alt="" v-if="true"/>
						<img src="../img/goods/a_collection2_icon@2x.png" alt="" v-if="false"/>
					</div>
					<img src="../img/goods/goods2.png" alt="" />
				</div>
				<div class="goodsOneInfo">
					<div class="brand">Bottega Veneta</div>
					<div class="useDegree">全新长款线夹</div>
					<div class="price"><span class="mark">￥</span><span class="number1">3600</span><span style="font-size:0.24rem;color:#808080;margin-left:0.14rem;">[</span><span class="number2">95</span><span style="font-size:0.24rem;color: #8A8A8A;">新</span><span style="font-size:0.24rem;color:#808080;">]</span></div>
				</div>
			</div>
			
			<div class="goodsOne">
				<div class="goodsOneTop">
					<div class="collection">
						<img src="../img/goods/a_collection1_icon@2x.png" alt="" v-if="true"/>
						<img src="../img/goods/a_collection2_icon@2x.png" alt="" v-if="false"/>
					</div>
					<img src="../img/goods/goods3.png" alt="" />
				</div>
				<div class="goodsOneInfo">
					<div class="brand">Bottega Veneta</div>
					<div class="useDegree">全新长款线夹</div>
					<div class="price"><span class="mark">￥</span><span class="number1">3600</span><span style="font-size:0.24rem;color:#808080;margin-left:0.14rem;">[</span><span class="number2">95</span><span style="font-size:0.24rem;color: #8A8A8A;">新</span><span style="font-size:0.24rem;color:#808080;">]</span></div>
				</div>
			</div>
			
			<div class="goodsOne">
				<div class="goodsOneTop">
					<div class="collection">
						<img src="../img/goods/a_collection1_icon@2x.png" alt="" v-if="true"/>
						<img src="../img/goods/a_collection2_icon@2x.png" alt="" v-if="false"/>
					</div>
					<img src="../img/goods/goods4.png" alt="" />
				</div>
				<div class="goodsOneInfo">
					<div class="brand">Bottega Veneta</div>
					<div class="useDegree">全新长款线夹</div>
					<div class="price"><span class="mark">￥</span><span class="number1">3600</span><span style="font-size:0.24rem;color:#808080;margin-left:0.14rem;">[</span><span class="number2">95</span><span style="font-size:0.24rem;color: #8A8A8A;">新</span><span style="font-size:0.24rem;color:#808080;">]</span></div>
				</div>
			</div>
		</div>
  </div>
</template>

<script src="../js/views/goodsLists.js"></script>

<style scoped>
	@import '../css/views/goodsLists.css'
</style>
